
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>登录注册</title>

<link rel="stylesheet" href="../css/login-register/font-awesome.min.css">
<link rel="stylesheet" href="../css/login-register/style.css">

<!--默认样式-->
<link rel="stylesheet" href="../css/login-register/reset.css">

<!--响应式框架-->
<link rel="stylesheet" type="text/css" href="../css/login-register/bootstrap.css">

<!--css3动画库-->
<link rel="stylesheet" href="../css/login-register/animate.css">

<!--banner大图基础样式-->
<link rel="stylesheet" href="../css/login-register/slick.css">

<!--页面滚动基础样式-->
<link rel="stylesheet" href="../css/login-register/jquery.fullPage.css" />

<!--导航样式-->
<link rel="stylesheet" href="../css/login-register/head.css" />

<!--图片和滚屏样式-->
<link rel="stylesheet" href="../css/login-register/index.css">
<style>
body {
            /* background-image: url(../imgs/login-register/21.jpg); */
            /* background-image: url(../imgs/login-register/20.jpg);
            background-image: url(../imgs/login-register/19.jpg); */
            background-repeat: no-repeat;
            background-size: 100%, 100%;
            background-attachment: fixed;
        }
</style>
</head>
<body>

	<!-- 背景轮播 -->
<div id="index_main" class="index_main">
	<!--导航-->
	<div class="section section1">
		<div class="index_banner">
			<div class="item">
				<div class="items scaleBg" style="background-image: url(../imgs/login-register/21.jpg);"></div>
			</div>
			<div class="item">
				<div class="items scaleBg" style="background-image: url(../imgs/login-register/20.jpg);"></div>
				
			</div>
			<div class="item">
				<div class="items scaleBg" style="background-image: url(../imgs/login-register/23.jpg);"></div>
				
			</div>
			<div class="item">
				<div class="items scaleBg" style="background-image: url(../imgs/login-register/24.jpg);"></div>
				
			</div>
			<div class="item">
				<div class="items scaleBg" style="background-image: url(../imgs/login-register/25.jpg);"></div>
				
			</div>            
		</div>
		<div class="left slick_txt">
			<div class="prev slick_arrow"></div>
		</div>
		<div class="right slick_txt">
			<div class="next slick_arrow"></div>
		</div>
		<div class="number">
			<div class="inner clearfix">
				<span class="active">01</span>
				<span >02</span>
				<span >03</span>
				<span >04</span>
				<span >05</span>
			</div>
		</div>
	</div>
</div>

<!-- 登录注册 -->
<div class="materialContainer" style="opacity: 0.6">
	<form class="box">
		<div class="title" style="font-weight:bolder">登录</div>
		<div class="input">
			<label for="name" style="font-weight:bolder">用户名</label>
			<input type="text" name="name" id="name">
			<span class="spin"></span>
		</div>
		<div class="input">
			<label for="pass" style="font-weight:bolder">密码</label>
			<input type="password" name="pass" id="pass">
			<span class="spin"></span>
		</div>
		<div class="button login">
			<button type="submit" >
				<span >登录</span>
				<!-- <i class="fa fa-check"></i> -->
            </button><br>
		</div>
        <!-- <a href="javascript:" class="pass-forgot">忘记密码？</a> -->
        

	</form>

	<form class="overbox">
		<div class="material-button alt-2">
			<span class="shape"></span>
		</div>
		<div class="title">注册</div>
		<div class="input">
			<label for="regname">用户名</label>
			<input type="text" name="regname" id="regname">
			<span class="spin"></span>
		</div>
		<div class="input">
			<label for="regpass">密码</label>
			<input type="password" name="regpass" id="regpass">
			<span class="spin"></span>
		</div>
		<div class="input">
			<label for="reregpass">确认密码</label>
			<input type="password" name="reregpass" id="reregpass">
			<span class="spin"></span>
		</div>
		<div class="button">
			<button type="submit">
				<span>注册</span>
			</button>
		</div>
	</form>

</div>

<script src="../../PetForum/js/login-register/jquery.min.js"></script>
<script src="../../PetForum/js/login-register/index.js"></script>

<script src="../js/background/jquery.min.js"></script>
<script src="../js/background/jquery.fullPage.min.js"></script>
<script src="../js/background/index_slick.js"></script>
<script src="../js/background/index.js"></script>
</body>
</html>